﻿<%@ Page Title="" Language="C#" MasterPageFile="~/ZhiBo/ZBindex.master" AutoEventWireup="true" CodeBehind="ZBtype2.aspx.cs" Inherits="Player.ZhiBo.ZBtype2" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
        <style>
                * {
       margin:0px;
       padding:0px;
       }
        /*外部最大的盒子*/
        .max {
        width:100%;
        height:100%;
        margin-top:20px;
        }
        /*大盒子里面第一个小盒子*/
        .div-item {
        width:170px;
        height:130px;
        border-radius:3px;
        background-color:red;
        cursor:pointer;
        position:relative;
        }
            .div-item .img1 {
            width:100%;
            height:90px;
            border-radius:3px;
            }
            .div-item .tubiao {
            width:35px;
            height:35px;
            border-radius:100%;
            background-color:pink;
            margin-left:6px;
            }
            .div-item .p1 {
                display:block;
                font-size:1px;
                transform:scale(0.70);
                font-weight:bold;
                position:absolute;
                bottom:20px;
                left:35px;
            }
            .div-item .p2 {
            display:block;
            font-size:1px;
            transform:scale(0.80);
            position:absolute;
            bottom:5px;
            left:40px;
            }
            .div-item .p3 {
            display:block;
            font-size:1px;
            font-weight:bold;
            transform:scale(0.80);
            color:orange;
            position:absolute;
            bottom:6px;
            left:120px;
            }
    </style>

     <%--最大的盒子--%>
    <div class="max">
        <%--大盒子里面的第一个小盒子--%>
      <div class="div-item">
          <img src="../Player图片/游戏图片/穿越火线.png" class="img1"/>
          <%--图片圆圈显示--%>
          <div class="tubiao">

          </div>
        <span class="p1">送AG毁灭永久</span>
        <span class="p2">穿越火线赛事</span>
        <span class="p3">穿越火线</span>
      </div>
    </div>
</asp:Content>
